<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>好农易</title>
	<link href="css1/bootstrap.min.css" rel="stylesheet"/>
	<link href="css1/style.css" rel="stylesheet"/>
	<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="top">
		<div th:replace="mobile/topBar :: page-top-bar"></div>
	</div>
	<!-- top over -->

	<div class="header">
		<div th:replace="mobile/header :: page-header"></div>
	</div>
	<!-- header over -->

	<div class="navBox yh">
		<div th:replace="mobile/menu :: page-menu"></div>
	</div>
	<!-- nav over -->

	<div class="banner">
	    <ul>
	        <li><a th:href="@{initGoodsDetail(commodityId=201500000000001)}"><img src="images1/001.jpg" alt=""/></a></li>
	        <li><a th:href="@{initGoodsDetail(commodityId=201500000000013)}"><img src="images1/002.jpg" alt=""/></a></li>
	        <li><a th:href="@{initGoodsDetail(commodityId=201500000000003)}"><img src="images1/003.jpg" alt=""/></a></li>
	        <li><a th:href="@{initGoodsDetail(commodityId=201500000000060)}"><img src="images1/004.jpg" alt=""/></a></li>
	    </ul>
	</div>
	<!-- banner over -->

<input type="hidden" name="commodityId" value="" th:value="${goodsForm.commodityId}" />
	<div class="container main" th:each="typeInfo,sts:${commodityType}">
		<div th:class="${typeInfo.css}" >
			<i class="yh"><span th:text="${typeInfo.count}">1F</span></i><span class="h4 yh" th:text="${typeInfo.commodityTypeName}">粮食</span>
			<a th:href="@{initGoods(commodityTypeId=${typeInfo.commodityTypeId})}">更多商品>></a>
		</div>
		<ul class="goodsList cf">
			<li class="col-md-2 col-sm-4 col-xs-6" th:each="goodsInfo,status:${typeInfo.list}" >
				<div class="cont">
					<a th:href="@{initGoodsDetail(commodityId=${goodsInfo.commodityId})}"><img th:src="@{showImage(pictureId=${goodsInfo.pictureId})}" alt="" style="height:168px;width:168px;" /></a>
					<h4 class="h5"><a th:href="@{initGoodsDetail(commodityId=${goodsInfo.commodityId})}"><p class="title" th:text="${goodsInfo.commodityName}">品美知糖道阿胶姜汤260g</p></a></h4>
					<p class="num">库存:<span th:text="${goodsInfo.stock}">15</span>
					每<span th:text="${#strings.concat(goodsInfo.unit).concat(goodsInfo.specifications)}">袋15kg</span>
					</p>
					<p class="cf">
					 	<span class="price yh">￥<span th:text="${goodsInfo.retailPrice}">15</span>元</span>
						<a th:href="@{initGoodsDetail(commodityId=${goodsInfo.commodityId})}" class="btnBuy" title="加入购物车"></a>
					</p>
				</div>
			</li>
		</ul>
	</div>
	<!-- 商品列表 over -->
	<footer class="foot mt20 tc">
		<div th:replace="mobile/footer :: page-footer"></div>
		
	</footer>
	<!--footer over  -->

	<script src="js1/jquery-1.11.3.min.js"></script>
	<script src="js1/bootstrap.min.js"></script>
	<script src="js1/jquery-latest.min.js"></script>
	<script src="js1/unslider.min.js"></script>
	<script src="js1/jquery.event.move.js"></script>
	<script src="js1/jquery.event.swipe.js"></script>
	<script src="js1/comm.js"></script>
</body>
</html>